@import 'variables.scss';

.mdl-textfield {
  width: 100%;
  padding: 0;

  &__label {
    left: 10px;
    top: 4px;
    color: $neutral-color-500;
    font-size: 14px;
    font-family: $font-family-light;
    &:after {
      display: none;
    }
  }

  &__input {
    border: none;
    padding: 4px 8px;
    border-radius: 0px;
    border-bottom: 1px $neutral-color-500 solid;
    color: $neutral-color-900;
    font-size: 14px;

    &:focus {
      border-bottom: 1px $primary-color-700 solid;
    }

    &.ng-invalid {
      border-color: $supportive-color-red-500;
    }
  }
}

// hack for dialog-model-build

.runtime-select > .mdl-textfield {
  width: 60%;
}

.runtime-select-name > .mdl-textfield {
  width: 50%;
}

.runtime-select-name>.mdl-textfield {
    width: 50%;
}

.runtime-select-version>.mdl-textfield {
    width: 15%;
}